<template>
	<view class="bazi_info_yunshi">

		<view class="base_info">

			<view class="show">
				<text class="l">缘主姓名:</text>
				<text class="r">{{data.base_info.name}}</text>
			</view>
			<view class="show">
				<text class="l">出生公历:</text>
				<text class="r">{{data.base_info.gongli}}</text>
			</view>
			
			<view class="show">
				<text class="l">星宿信息:</text>
				<text class="r">{{data.base_info.xingxiu}}</text>
			</view>
			
			<view class="show">
				<text class="l">年柱纳音:</text>
				<text class="r">{{data.detail_info.sizhu_info.year.ny}}</text>
			</view>
			<view class="show">
				<text class="l">命卦信息:</text>
				<text class="r">{{data.base_info.minggua.minggua_name}}卦（{{data.base_info.minggua.minggua_fangwei}}）</text>
			</view>
			<view class="show">
				<text class="l">生肖星座:</text>
				<text class="r">{{data.base_info.shengxiao}}</text>
			</view>
			<view class="show">
				<text class="l">五行旺度:</text>
				<text class="r">{{data.base_info.wuxing_wangdu}}</text>
			</view>
			<view class="show">
				<text class="l">五行喜忌:</text>
				<text class="r">{{data.base_info.wuxing_xiji}}</text>
			</view>
			<view class="show">
				<text class="l">起运信息:</text>
				<text class="r">{{data.base_info.qiyun}}</text>
			</view>
			
			<view class="show">
				<text class="l">交运信息:</text>
				<text class="r">{{data.base_info.jiaoyun_mang}}</text>
			</view>
			<view class="show">
				<text class="l">天干留意:</text>
				<text class="r">{{data.base_info.tiangan_liuyi}}</text>
			</view>
			<view class="show">
				<text class="l">地支留意:</text>
				<text class="r">{{data.base_info.dizhi_liuyi}}</text>
			</view>
			<view class="show">
				<text class="l">胎元命身:</text>
				<text class="r">胎息:{{data.base_info.taixi}}({{data.base_info.taixi_nayin}})  胎元:{{data.base_info.taiyuan}}({{data.base_info.taiyuan_nayin}})  命宫:{{data.base_info.minggong}}({{data.base_info.minggong_nayin}})  身宫:{{data.base_info.shengong}}({{data.base_info.shengong_nayin}}) </text>
			</view>
			
		</view>



		<view class="base_info">
			

			<view class="details">
				<view class="names">
					<text>喜用神分析：</text>

				</view>
				<view class="des">
					<text class="des_deta">日主天干为【{{data.base_info.xiyongshen.rizhu_tiangan}}】, 同类为【{{data.base_info.xiyongshen.tonglei}}】,
						异类为【{{data.base_info.xiyongshen.yilei}}】
						{{data.base_info.xiyongshen.qiangruo}}, 以【{{data.base_info.xiyongshen.xiyongshen}}】为喜用神
						五行统计：
						{{data.base_info.xiyongshen.jin_number}}金，{{data.base_info.xiyongshen.mu_number}}木，{{data.base_info.xiyongshen.huo_number}}水，{{data.base_info.xiyongshen.huo_number}}火，{{data.base_info.xiyongshen.tu_number}}土，自党：{{data.base_info.xiyongshen.zidang}}，异党：{{data.base_info.xiyongshen.yidang}}</text>
					<text>五行能量：
						{{data.base_info.xiyongshen.jin_score}}分，占比{{data.base_info.xiyongshen.jin_score_percent}}，{{data.base_info.xiyongshen.mu_score}}分，占比{{data.base_info.xiyongshen.mu_score_percent}}，
						{{data.base_info.xiyongshen.shui_score}}分，占比{{data.base_info.xiyongshen.shui_score_percent}}，{{data.base_info.xiyongshen.huo_score}}分，占比{{data.base_info.xiyongshen.huo_score_percent}}，{{data.base_info.xiyongshen.tu_score}}分，占比{{data.base_info.xiyongshen.tu_score_percent}}，</text>
				</view>

			</view>

			<view class="details">
				<view class="names">
					<text>运势年：{{data.detail_info.yunshi_year_info.yunshi_year.year}}【{{data.detail_info.yunshi_year_info.yunshi_year.tg}}{{data.detail_info.yunshi_year_info.yunshi_year.dz}}年】-----年神煞：{{data.detail_info.yunshi_year_info.yunshi_year.shensha}}</text>

				</view>
				<view class="des">
					<div class="des_deta"><text style="color: blue;">[本年事业运势]</text>：{{data.detail_info.yunshi_year_info.yunshi_year.indication.shiye}}</div>
					<div class="des_deta"><text style="color: blue;">[本年学业运势]：</text>{{data.detail_info.yunshi_year_info.yunshi_year.indication.xueye}}</div>
					<div class="des_deta"><text style="color: blue;">[本年运势运势]：</text>{{data.detail_info.yunshi_year_info.yunshi_year.indication.yunshi}}</div>
					<div class="des_deta"><text style="color: blue;">[本年财运运势]：</text>{{data.detail_info.yunshi_year_info.yunshi_year.indication.yinyuan}}</div>
					<div class="des_deta"><text style="color: blue;">[本年健康运势]：</text>{{data.detail_info.yunshi_year_info.yunshi_year.indication.jiankang}}</div>
				</view>

			</view>
			<view class="" v-for="(item,index) in data.detail_info.yunshi_month_info" :key="index">
				<view class="details">
					<view class="names">
						<text>运势月：{{item.month}}【{{item.tg}}{{item.dz}}月】月神煞：{{item.shensha}}</text>
				
					</view>
					<view class="des">
					<div class="des_deta"><text style="color: blue;">[本月事业运势]</text>：{{item.indication.shiye}}</div>
					<div class="des_deta"><text style="color: blue;">[本月学业运势]：</text>{{item.indication.xueye}}</div>
					<div class="des_deta"><text style="color: blue;">[本月运势运势]：</text>{{item.indication.yunshi}}</div>
					<div class="des_deta"><text style="color: blue;">[本月财运运势]：</text>{{item.indication.yinyuan}}</div>
					<div class="des_deta"><text style="color: blue;">[本月健康运势]：</text>{{item.indication.jiankang}}</div>
					</view>
				
				</view>
			</view>
			
		
		

		</view>
		<view class="yl">
			<text>仅供娱乐！请勿当真</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ff: {},
				data: {
					base_info:{
					  sex: "乾造",
					  name: "李栋",
					  gongli: "1994-09-12 10:27:00",
					  nongli: "一九九四年八月初七日 巳时",
					  qiyun: "8年9个月20天后起运",
					  jiaoyun: "2003-07-02后交运",
					  taiyuan: "甲子",
					},
				}
			}
		},
		onLoad(options) {
			 this.data=JSON.parse(options.data)
			// console.log(this.data)
			// console.log(options.data)

		}
	}
</script>

<style lang="scss">
	@mixin flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px;
		height: 45px;
	}
	
	@mixin tr1_w {
		width: 33px;
		text-align: center;
	
	}
	text{
		user-select: all;
	}
	.bazi_info_yunshi {

		.base_info {
			margin: 20px;

			.title {
				display: flex;
				padding: 10rpx;

				.shu {

					width: 5px;
					height: 20px;
					background-color: #e6a84b;
					border-radius: $uni-border-radius-base;
				}

				.ti {
					padding-left: 15rpx;
					font-weight: 800;
					font-size: 30rpx;
				}
			}

			.show {
				margin-top: 15px;

				.l_ {
					font-size: 28rpx;
					display: inline-block;
					min-width: 50px;
					font-weight: 800;
				}

				.l {
					font-size: 30rpx;
					display: inline-block;
					min-width: 80px;
					font-weight: 800;

				}

				
			}

			.details {
				border: 1px solid #e5e5e5;
				border-bottom: none;
				margin-top: 20px;
				.names {
					text-align: center;
					color: #e6a84b;
					border-bottom: 1px solid #e5e5e5;
					color: #e6a84b;
				    font-size: 28rpx;
					background-color: #fff3ef;
					padding: 15px;
				}

				.des {
					border-bottom: 1px solid #e5e5e5;
					padding-left: 20rpx;
					
					align-items: center;

					.des_text {
						color: #e6a84b;
						width: 14%;
						font-weight: 800;
						user-select:text;
					}

					.des_deta {
						width: 100%;
						line-height: 26px;
						text-indent: 2em;
						user-select:text;
					}
				}
			}
		}

	}
</style>